<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>第一个JSP程序</title>
    <script type="text/javascript" src="../jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#content").html("加载中。。。");
            function wait() {
                //setTimeout 是异步的
                //通过promise来操作 $.Deferred对象.promise()方法来获取promise对象
                var def = $.Deferred();
                setTimeout(function() {
                    var m = Math.random()*10;
                    if(m>5){
                        def.resolve("欢迎登录");
                    }else{
                        def.reject("登录失败");
                    }
                }, 1000);
                return def.promise();
            }
            wait().done(function(value){
                $("#content").html("加载成功,原因:"+value);
            }).fail(function(value) {
                //this就是指向这个函数的对象 如果希望获取相应的上下文做this
                //可以在调用的时候通过def.rejectWith("上下文对象")
                // for(var n in this) {
                //     alert(this[n]+":"+n);
                // }
                $("#content").html("加载失败,原因:"+value);
            });

        })
    </script>
</head>

<body>
    <div id="content"></div>

</body>

</html>
